/**
*CSS
 */
/*头部*/
body{
    font-size: 14px;
    color: #333;
    background-color: #f5f5f5;
    font-family: 'microsoft yahei', sans-serif;
}
a{
    color: #333;
}
a:hover{
    color: #d7000f;
}
.clear{
    clear: both;
}
.header{
    width: 100%;
}
.wrap-bg{
    background-color: #f5f5f5;
    height: 32px;
}
.wrap{
    width: 1224px;
    margin: 0 auto;
}
.header-top{
    height: 32px;
    line-height: 32px;
    background: #f5f5f5;
    font-size: 12px;
    position: absolute;
    width: 1224px;
}
.header-top i,.header-top span{
    font-size: 12px
}
.header-top li{
    display: inline-block;

}
.hleft{
    margin-right: 30px
}
.header-top .right{
    float: right;
    text-align: right;
    margin-left: 30px;
}
.cycle-icon{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border:1px solid #333;
    border-radius: 50%;
}
.cycle-icon .iconfont{
    font-size: 20px;
    color: #333;
}
.cycle-icon .cs{
    font-weight: bold;
    font-size: 22px;
    display: inline-block;
}
.cycle-icon .jq{
    font-size: 26px;
}
.cycle-icon .sh{
    font-size: 26px;
}
.cycle-icon .bk{
    font-weight: bold;
}
.menu-icon a p{
    margin-top: 10px;
}
.zuoji{
    font-size: 14px !important;
}
.menu-icon a:hover .cycle-icon{
    background-color: #d7000f;
    border: 1px solid #d7000f;
}
.menu-icon a:hover .iconfont{
    color: #fff;
}
.weicode{
    position: absolute;
    top: 30px;
    z-index: 999;
    padding: 5px 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 83.8%;
    background-color: #fff;
    border-top: 2px solid #ebeced;
    border-right: 1px solid #ebeced;
    border-left: 1px solid #ebeced;
    border-bottom: 1px solid #ebeced;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);
    display: none;
}
.weicode img {
    width: 120px;
    text-align: center;
}
.weicode p {
    font-size: 12px;
    text-align: center;
    margin-top: -6px;
}
.codeqr:hover .weicode{
    display: block;
}

.weicode:after{
    content: '';
    position: absolute;
    left: 50%;
    width: 8px;
    margin-left: -6px;
    top: -7px;
    height: 8px;
    border-top: 2px solid #ebeced;
    border-left: 2px solid #ebeced;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
}
.header-middle{
    background-color: #ffffff;
    height: 140px;
    min-width: 1224px;
}

.header-logo{
    display: inline-block;
    margin-top: 37.5px;
}
.menu-icon{
    float: right;
    margin-top: 24.5px;
}
.menu-icon li{
    display: inline-block;
    width: 100px;
    text-align: center;
}

.bg-image{
    display: block;
    height: 60px;
    width: 60px;
    background-size: contain !important;
    background-repeat: no-repeat;
    margin-left: 20px;
}
.header-buttom{
    background-color: #ffffff;
    min-width: 1224px;
    box-shadow: 0 1px 1px #f0f0f0;
}
.header-nav{
    font-size: 0;
    height: 45px;
    line-height: 45px;
}
.header-nav li{
    display: inline-block;
    width: 102px;
    text-align: center;
}
.header-nav li a:hover{
    color: #fff;
    background: #d7000f;
}
.qudoula-active{
    color: #fff;
    background: #d7000f;
}
.header-nav li a{
    display: inline-block;
    height: 30px;
    line-height: 28px;
    font-size: 20px;
    border-radius: 5px;
    transition: all ease 0.2s;
    padding: 3px 30px;
}
.alsucc{
    padding: 3px 5px !important;
}
.header-nav li span{
    color: #f0f0f0;
    font-size: 20px;
    display: inline-block;
    margin-left: 19px;
}
/*内容*/
.container{
    font-size: 0;
}
.container>div{
    font-size: 14px;
    display: inline-block;
}
.con-list{
    width: 860px;
    background-color: #fff;
}
.con-rec{
    width: 344px;
    float: right;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px 20px 0;
    margin-bottom: 20px;
}
.lists li{
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}
.lists-con a img{
    width: 186px;
    height: 124px;
    -o-object-fit: cover;
    object-fit: cover;
    border-style: none;
    margin-left: 20px;
    border-radius: 3px;
}
.lists-con a img:hover{
    opacity: .8;
}
.lists-r{
    width: 609px;
    float: right;
    margin-right: 20px;
}
.lists-l{
    width: 636px;
    float: left;
    margin-left: 20px;
}
.lists-title{
    height: 26px;
    line-height: 26px;
    margin-top: -4px;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lists-title a{
    color: #555;
}
.lists-title a:hover{
    color: #d7000f;
}
.lists-title-it{
    height: 90px;
    line-height: 30px;
    margin-top: -4px;
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
}
.lists-description{
    margin-top: 16px;
    margin-bottom: 17px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #777;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.lists-description-it{
    margin-top: 16px;
    margin-bottom: -5px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 28px;
    height: 140px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    padding: 0 20px;
}
.lists-icon span{
    font-size: 12px;
    color: #777;
        margin-right: 15px;
}
.lists-icon span:first-child{
    margin-right: 12px;
}
.lists-icon span em{
    font-style: normal;
}
.lists-icon span i{
    vertical-align: text-top;
}
.lists-icon span a{
    display: inline-block;
    padding: 2px 5px;
    margin: 5px;
    background-color: #f5f5f5;
    border-radius: 2px;
}
/*右侧*/
.r-list-p{
    font-size: 18px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    font-weight: bold;
    color: #555555;
}
.r-list-p span{
    border-left: 3px solid #d7000f;
    display: inline-block;
    height: 22px;
    line-height: 20px;
    padding-left: 10px;
}
.r-item{
    padding: 10px 0;
    height: 80px;
}
.r-img{
    float: left;
    width: 120px;
    height: 80px;
    overflow: hidden;
    border-radius: 3px;
}
.r-img img{
    width: 120px;
    height: 80px;
    -o-object-fit: cover;
    object-fit: cover;
    border-style: none;
    box-sizing: border-box;
    transition: transform .5s;
    border-radius: 3px;
}
.r-item:hover img{
    transform: scale(1.2, 1.2);
}
.r-content{
    width: 164px;
    float: right;
}
.r-content h5{
    height: 48px;
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.r-list-w{
    background-color: #f5f5f5;
    height: 20px;
    width: 404px;
    margin-left: -20px;
}
.r-list-two{
    padding-top: 20px;
}
.baikeword{
    padding: 10px 0;
    font-size: 0;
    height: 444px;
    overflow: hidden;
    margin-bottom: 8px;
}
.baikeword span{
    padding: 3px;
}
.baikeword a{
    padding: 5px;
    font-size: 14px;
    line-height: 35px;
}
.baikeword a:hover{
    background-color: #d7000f;
    color: #fff;
}
/*专题*/
.special-c{
    background-color: #f5f5f5;
    height: 193px;
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.special-p{
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
    margin-left: 20px;
}
.special-more{
    float: right;
    margin-right: 20px;
}
.special-t{
    padding-bottom: 20px;
}
.special-li{
    border-top: 20px solid #f5f5f5;
    border-bottom: 20px solid #f5f5f5 !important;
    padding: 20px 20px 15px !important;
}
.special-c img{
    width: 190px;
    height: 126.67px;
    object-fit: cover;
    border-style: none;
    box-sizing: border-box;
    transition: transform .8s;
}
.special-c h5{
    margin: 10px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.special-c:hover img{
    transform: scale(1.2, 1.2);
}
/*案例*/
.m-top{
    margin-top: 30px;
}
.anli .layui-col-md4{
    padding-top: 0;
}
.anli .layui-col-md4 a{
    background-color: #fff;
    height: 510px;
    margin-bottom: 10px;
    display: inline-block;
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
}
.anli .layui-col-md4 a:hover{
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
    transition-duration: 0.5s;
    transition-timing-function: linear;
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    color: #333;
}
.anli-picture{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px;
    display: inline-block;
    vertical-align: middle;
}
.anli-picture img{
    width: 50px;
    height: 50px;
    -o-object-fit: cover;
    object-fit: cover;
}
.anli-info{
    display: inline-block;
    height: 50px;
    margin: 20px 0;
    vertical-align: middle;
    line-height: 25px;
}
.anli-info p span{
    padding-right: 20px;
}
.anli-info p span i{
    font-size: 14px;
    vertical-align: middle;
    padding-right: 5px;
    color: #d7000f;
}
.anli-des{
    line-height: 28px;
    padding: 0 20px;
}
.anli h5{
    padding: 0 20px;
    font-size: 15px;
    line-height: 30px;
    height: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.anli-t{
    padding-bottom: 5px;
}
.anli-t p{
    border-left: 3px solid #d7000f;
    height: 18px;
    line-height: 18px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    color: #555555;
}
.anli-t a{
    float: right;
    line-height: 26px;
}
.anli-t>div{
    display: inline-block;
    height: 1px;
    width: 1108px;
    background-color: #ddd;
    float: right;
    margin-top: 9px;
}
.anli-img{
    font-size: 0;
    background-color: #f5f5f5;
    text-align: right;
}
.anli-img img{
    width: 197px;
    height: 295.5px;
}
.frendlink{
    margin-top: 40px;
    margin-bottom: 25px;
}
.frendlink .link a{
    padding: 10px 12px 3px 0;
    display: inline-block;
    font-size: 14px;
}
/*底部*/
.footer{
    height: 120px;
    background-color: #333;
    color: #b0b0b0;
    font-size: 12px;
    line-height: 20px;
}
.footer-box{
    height: 100%;
    background: url("/web/static/images/slogan.png") no-repeat center 50px;
}
.anli-top{
    margin-bottom: 20px;
}
.qudoula-us{
    padding-left: 50px;
    width: 350px;
    height: 62px;
    position: relative;
    top: 29px;
    float: left;
    background: url("/web/static/images/logov.png") no-repeat;
}
.list-about li{
    display: inline-block;
}
.qudoula-zheng{
    float: right;
    height: 62px;
    position: relative;
    top: 29px;
}
.qudoula-zheng ul{
    height: 100%;
}
.qudoula-zheng li{
    display: inline-block;
    padding: 0 15px;
    height: 100%;
    text-align: center;
}
.qudoula-zheng li .iconfont{
    display: block;
    font-size: 35px;
    position: relative;
    top: 5px;
}
.qudoula-zheng li .icon-des{
    line-height: 20px;
    position: relative;
    top: 20px;
}
.qudoula-zheng li:hover{
    color: #ffffff;
}
/*文章*/
.article{
    min-height: 700px;
    background-color: #fff;
}
.articel-title{
    padding: 30px 20px 10px;
    border-bottom: 1px solid #f5f5f5;
}
.articel-title h1{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    width: 820px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #555555;
}
.articel-title p{
    padding: 20px;
    text-align: center;
}
.articel-title p span{
    padding: 0 20px;
    color: #aaa;
    font-size: 12px;
}
.article-content{
    padding: 32px 20px 0;
    color: #333333;
    min-height: 807px;
    line-height: 28px;
    font-size: 16px;
}
.article-content h2{
    font-size: 16px;
    font-weight:bold;
    line-height:28px;
}
.share{
    width: 220px;
    margin-left: 640px;
}
.a-link{
    border-top: 1px solid #f5f5f5;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}
.a-link a{
    display: inline-block;
    width: 47%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 20px;
}
.recommend{
    border-top: 20px solid #f5f5f5;
    border-bottom: 20px solid #f5f5f5;
    padding: 20px;
    
}
.rec-title{
    font-size: 18px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    font-weight: bold;
    color: #555555;
}
.rec-article{
    padding-top: 10px;
}
.rec-article a{
    display: inline-block;
    width: 32.8%;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    padding-right: 15px;
}
.page-home{
    padding: 20px 20px;
}
.page-home #demo2{
    text-align: center;
}
#demo2 a,#demo2 span{
    margin: 5px;
    padding: 3px 13px;
    height: 30px;
}
.breadcrumb{
    padding: 20px 0;
    font-size: 14px;
}
.breadcrumb a{
    height: 14px;
    background-color: #f5f5f5;
}
.breadcrumb > li {
    display: inline-block;
}
.article-content img{
    max-width: 820px !important;
    border-radius: 3px;
    margin-bottom: 5px;
}
.article-img{
    text-align: center;
}
.anli .breadcrumb{
    margin-bottom: 10px;
}
.qdl-index{
    padding-top:20px;
}
.swiper-container{
    height: 420px;
    width: 1224px;
    margin: 0 auto;
}
.swiper-container .swiper-slide img{
    width: 1224px;
    height: 420px;
}
.swiper-pagination-bullet{
    width: 30px;
    height: 10px;
    margin: 0 2px;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    background: #d7000f;
}
.swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.r-item-al{
    padding: 10px 0;
    height: 90px;
}
.r-item-al:hover img{
    opacity: .8;
}
.r-item-al:hover{
    background-color: #f5f5f5;
}
.r-list ul{
    padding: 10px 0;
}
.r-img-al{
    font-size: 0;
    float: left;
    overflow: hidden;
}
.r-img-al img{
    width: 60px;
    height: 90px;
}
.r-content-al{
    width: 164px;
    float: right;
}
.r-content-al  h5{
    line-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lists-icon-al span{
    margin-right: 20px;
    font-size: 12px;
    color: #777;
}
.lists-icon-al span i{
    vertical-align: text-top;
}
.lists-icon-al span em{
    font-style: normal;
}
.xsex{
    color: #d7000f;
}
.ysex{
    color: #1E9FFF;
}
.label{
    display: inline-block;
    margin-top: 15px;
    overflow: hidden;
}
.label em{
    margin-left: 10px;
}
.footer p{
    background-color: #333;
}
.pagination{
    text-align: center;
}
.pagination li{
    display: inline-block;
    margin-right: 5px;
    text-align: center;
    font-size: 14px;
}
.pagination li span{
    display: inline-block;
    border:1px solid #ccc;
    padding: 8px 14px;
}
.pagination li a{
    display: inline-block;
    padding: 8px 14px;
    border:1px solid #ccc;
}
.pagination .active{
    background-color: #d7000f;
    color: #fff;
}
/*案例详情*/
.casedetail h1{
    font-size: 24px;
    text-align: center;
    padding: 30px 20px;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
}
.contrast{
    text-align: right;
    font-size: 0;
    padding-right: 20px;
}
.proeffect{
    border-bottom: 3px solid #f5f5f5;
}
.proeffect>p{
    font-size: 16px;
    padding: 30px 20px 15px;
    font-weight: bold;
}
.contrast>div{
    display: inline-block;
    vertical-align: middle;
}
.contrast>div:first-child{
    text-align: right;
}
.contrast>div p{
    padding:7px;
    font-size: 16px;
    width: 60px;
    text-align: center;
    background-color: #d7000f;
    color: #fff;
    border-radius: 3px;
    position: relative;
    top: -35px;
}
.contrast span{
    font-size: 80px;
    display: inline-block;
    color: #ccc;
    width: 100px;
    height: 100px;
    line-height: 80px;
    background-color: #f5f5f5;
    margin: 20px;
    border-radius: 50%;
    text-align: center;
}
.contrast img{
    max-width: 310px;
    max-height: 450px;
}
.ordernum{
    padding: 10px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-family: 'Georgia';
    margin-right: 10px;
    background: #d7000f;
    border-radius: 2px;
    display: inline-block;
    font-style: normal;
}
.basicinfo{
    padding: 20px;
    border-top: 3px solid #f5f5f5;
    border-bottom: 3px solid #f5f5f5;
}
.basicinfo p{
    line-height: 30px;
}
.basicinfo  p span{
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
}
.basicinfo  p span i{
    margin-right: 6px;
    vertical-align: middle;
    font-weight: normal;
}
.descon{
    border-top: 1px solid #f2f2f2;
    padding-top: 15px;
    margin-top: 15px;
}
.date-r{
    text-align: right;
    padding-right: 30px;
    margin-top: 10px;
    color: #777;
}
/*专题*/
.spe-box{
    background-color: #fff;
    min-height: 650px !important;
}
.spe-box .spe-ul{
    font-size: 0;
    border-bottom: none;
}
.spe-box .spe-ul li{
    font-size: 16px;
    font-weight: bold;

}
.spe-box .spe-ul li{
    min-width: 64.153865px;
}
.qudoula-this{
    border-bottom: 2px solid #d7000f;
}
.qudoula-this a{
    color: #d7000f;
}
.spe-box .layui-show{
    padding: 20px 5px;
    font-size: 0;
}
.spe-box .class-item{
    display: inline-block;
    position: relative;
    width: 129.1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    padding: 0 10px;
    font-weight: normal;
    border-radius: 2px;
}

.spe-box .class-item span{
    display: inline-block;
    width: 3px;
    height: 3px;
    line-height: 36px;
    background-color: #333;
    border-radius: 50%;
    margin: 3px;
}
.spe-box .class-item:hover{
    background-color: #d7000f;
    color: #fff;
}
.spe-box .class-item:hover span{
    background-color: #fff;
}
/*右侧固定*/
.right-fixed{
    position: fixed;
    top: 100px;
    right: 0;
    display: none;
    width: 70px;
    z-index: 9999;
}
.right-fixed li{
    width: 100%;
    border-bottom: 1px solid #f5f5f5;
    text-align: center;
    font-size: 12px;
    line-height: 28px;
    background: #fff;
    padding-top: 10px;
    transition: none;

}
.right-fixed li a{
    color: #666;
}
.right-fixed li a:hover{
    color: #d7000f;
}
.right-fixed li div{
    color: #666;
}
.right-fixed li div:hover{
    color: #d7000f;
}
.right-fixed .r-server{
    color: #666;
}
.right-fixed .r-server:hover{
    color: #d7000f;
}
.right-fixed li .r-bar{
    font-size: 24px;
}
.weixin-code{
    position: absolute;
    width: 140px;
    height: 160px;
    display: none;
    right: 79px;
    top: 24px;
    padding-top: 10px;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
}
.weixin-server{
    display: inline-block;
    width: 120px;
    height: 120px;
    background: url(../icon/QRcode.jpg) no-repeat;
    background-size: cover;

}
.weixin-code em{
    display: block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    left: 132px;
    top: -89px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.right-mobile{
    font-size: 20px;
    color: #d7000f !important;
    position: absolute;
    display: none;
    width: 200px;
    left: -220px;
    top: 152px;
    padding-left: 10px;
    background-color: white;
    line-height: 50px;
    text-align: center;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
}
.right-mobile .iconfont{
    font-size: 24px !important;
    position: relative;
    top: 2px;
}
.r-server em{
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    position: relative;
    left: 7px;
    top: -1px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.r-top{
    margin-top: -10px;
    margin-bottom: 10px;
}

/*网站地图*/
.sitemap{
    margin: 30px auto !important;
}
.sitemap-item{
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.sitemap-item dd{
    display: inline-block;
    background-color: #f5f5f5;
    cursor: pointer;
    border-radius: 2px;
    width: 6.4923%;
    font-size: 14px;
    margin: 0 .6%;
    text-align: center;
}
.sitemap-item dd a{
    padding: 5px 10px;
    display: inline-block;
    color: #333;
}
.sitemap-item dt{
    display: inline-block;
    margin: 10px 25px 10px 0;
    background-color: #ddd;
    cursor: pointer;
    border-radius: 2px;
    font-size: 16px;
    width: 90px;
    text-align: center;
}
.sitemap-item dt a{
    padding: 5px 10px;
    display: inline-block;
}
.sitemap-item dd:hover{
    background-color: #d7000f;
}
.sitemap-item dd:hover a{
    color: #fff;
}
.sitemap-item dt:hover{
    background-color: #d7000f;
}
.sitemap-item dt:hover a{
    color: #fff;
}
.sitemap-item-dd{
    vertical-align: top;
    font-size: 0;
}
/*归档*/
.archive{
    margin: 30px auto !important;
}
.archive-ul{
    font-size: 0;
    background-color: #fff;
    padding: 20px;
}
.archive-ul li{
    width: 50%;
    display: inline-block;
    font-size: 14px;
    box-sizing: border-box;
    height: 25px;
    line-height: 25px;
}
.archive-ul li .archive-time{
    float: right;
}
.archive-ul li a:hover{
    color: #d7000f;
}
.archive-ul li:nth-child(odd){
    border-right: 1px solid #ddd;
}
.archive-ul li:nth-child(odd) .archive-time{
    padding-right: 20px;
}
.archive-ul li:nth-child(even){
    padding-left: 20px;
}
.archive-a{
    display: inline-block;
    max-width: 73%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list-about li a{
    height: 120px;
    background-color: #333;
    margin-top: 25px;
    color: #b0b0b0;
    font-size: 12px;
    line-height: 20px;
}
.list-about li a:hover{
    color: #d7000f;
}
.tag-p{
    display: inline-block;
    margin: 0 20px 20px 20px;
}
.tag-p a{
    font-size: 14px;
    margin-left: 10px;
}
.anli-big{
    font-size: 24px;
    height: 26px;
    line-height: 26px;
}
/*2022-03-10*/
.r-list .r-wx-img{
    width: 50%;
    padding-bottom: 20px;
}
.r-wx-img-des{
    width: 50%;
    float: left;
}
.r-wx-img-des h3{
    font-size: 18px;
    font-weight: bold;
    color: #555555;
}
.r-wx-img-des div{
    margin-top: 10px;
}
.r-wx-img-des div p{
    line-height: 24px;
}
/*视频播放器*/
.palyericon{
    background: url(../icon/p3.png) no-repeat;
    position: absolute;
    top: 57px;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
    left: 120px;
}
.palyericond{
    background: url(../icon/p3.png) no-repeat;
    position: absolute;
    top: 10px;
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
    left: 10px;
}
/*视频列表*/
.video-box .video-cover img{
    width: 100%;
    height: 165px;
    border-radius: 3px 3px 0 0;
}
.video-box .video-title{
    width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}
.video-box .video-description{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    autoprefixer: off;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 15px;
    color: #999999;
    line-height: 22px;
    height: 66px;
}
.video-box .video-item{
    /*margin-bottom: -10px;*/
    height: 343px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: 10px;
}
.video-box .video-item a{
    color: #555;
}
.video-box .video-item a:hover{
    color: #d7000f;
}
.video-box .video-in-box{
    position: relative;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    height: 332px;
    border-radius: 3px;
}
.video-box .video-in-box:hover{
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);

}
.video-box .video-in-box a:hover{
    color: #d7000f;;
}
.video-box .lists-icon{
    margin-top: 20px;
}
.video-box .video-down{
    padding: 10px;
}
.video-pre-box{
    height: auto;
    min-height: auto !important;
    width: 100%;
}
.video-box .timelong{
    position: absolute;
    top: 142px;
    right: 5px;
    padding: 1px 4px;
    background: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    color: #fff;
    border-radius: 10px;
}
.video-views{
    float: right;
}
.video-item .video-cover{
    position: relative;
    display: block;
    background: #ebebeb;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}
.video-item:hover .play{
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.video-item .play{
    background: rgba(0,0,0,0.4) url(../icon/1.svg) center no-repeat;
}
.video-item  .play{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: 25% 25%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 300ms linear;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all ease-out .35s;
    transition: all ease-out .35s;
    border-radius: 3px 3px 0 0;
}


/*视频内容*/
.video-content{
    width: 100%;
    max-width: 860px;
}
.video-content .video-content-v{
    width: 100%;
    height: 100%;
    max-height: 640px;
}
/*品牌页面*/
.brands,.brand-detail{
    width: 1226px;
    margin: 0 auto;
    color: #333333;

}
.brands>div{

    margin: 0 -25px;
}
.brands a{
    display: inline-block;
    box-sizing:border-box;
    width: 225px;
    height: 125px;
    background-color: #ffffff;
    margin: 12.5px 10.5px;
}
.brands a:hover{
    color: #ffffff;
}
.brands a:hover p{
    background-color: #d7000f;
}
.brands>div>a>img{
    width: 225px;
    height: 98px;
}
.brands>div>a>p{
    height: 27px;
    line-height: 27px;
    background-color: #e0e0e0;
    text-align: center;
}

.detail{
    position: relative;
}
.brand-detail>.detail>div{
    display: inline-block;
    height: 588px;
    background-color: #ffffff;
}
.brand-detail>.detail>.detail-left{
    width: 850px;
    position: absolute;
}
.brand-detail>.detail>.detail-right{
    width: 360px;
    margin-left: 865px;


}
.brand-detail>.detail>.detail-left>div{
    display: inline-block;
    float: left;
    line-height:28px;
    font-size: 15px;
}
.tetail-content p{
    line-height: 24px;
}
.tetail-content div{
    line-height: 24px;
}
.intnet{
    width: 90px;
    height: 90px;
    margin-top: 15px;
    display: inline-block;
}
.intnet div{
    background: url('/web/static/icon/com.png') no-repeat;
    width: 41px;
    height: 41px;
    margin: 10px auto;
}
.intnet p{
    font-size: 16px;
    text-align: center;
    color: #333333;
}
.brand-detail>.detail>.detail-left>img{
    margin: 15px 20px 15px 15px;
    float: left;
    width: 207px;
    height: 90px;
}
.intnet:hover p{
    color: #ffffff;
}
.intnet:hover div{
    -ms-background-position-y: -51px;
    background-position-y: -51px;
}
.intnet:hover{
    background-color: #d7000f;
    border: 0;
}
.brand-detail>.detail>.detail-left>.detail-l-center>h1>span{
    font-size: 20px;
}
.brand-detail>.detail>.detail-left>.detail-l-center>p>span:last-child{
    margin-left: 65px;
}
.brand-detail>.detail>.detail-left>.detail-l-center{
    line-height: 32px;
    width: 503px;
    margin-top: 15px;
}

.detail-content{
    width: 830px;
    border-top: 1px solid #f5f5f5;
    height: 420px;
    overflow-y: scroll;
    padding: 15px 10px;
}
.detail-content::-webkit-scrollbar
{
    width: 3px;  /*滚动条宽度*/
}
/*定义滑块 内阴影+圆角*/
.detail-content::-webkit-scrollbar-thumb
{
    border-radius: 10px;  /*滚动条的圆角*/
    -webkit-box-shadow: inset 0 0 6px #333333;
    background-color: #f5f5f5;  /*滚动条的背景颜色*/

}
.detail-right p{
    text-align: center;
    font-size: 20px;
    line-height: 50px;
    border-bottom: 1px solid #f5f5f5;
}
.detail-right div{
    margin: 22.5px 14px;
}
.detail-right>div img{
    width: 108px;
    height: 46px;
}
.detail-right>div td,table{
    float: left;
    border: 0.5px solid #e1e1e1;
}
.detail-right>div td:hover{
    background-color: #0c9dcc;
}
/*baike*/
.baike-title {
    margin-bottom: 14px;
}

.baike-title .b_title {
    font-size: 24px;
    margin-left: 14px;
    color: #333333
}

.baike-title .b_title_sub {
    font-size: 20px;
    color: #555555
}

.baike {
    width: 1254px;
    margin: auto;
    margin-top: 40px;
}

.baike .item {
    float: left;
    margin: 0 10px 20px;
    background-color: #ffffff;
    height: 355px;
    display: inline-block;
    width: 291.5px;
}

.baike .item {
    transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
}

.baike .item:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
    transition-duration: 0.5s;
    transition-timing-function: linear;
    -webkit-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
}

.baike .item img {
    width: 291.5px;
    height: 165px;
}

.baike .item .title {
    padding: 10px;
    width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

.baike .item .Introduction {
    width: 270px;
    padding: 10px;
    line-height: 22px;
    height: 66px;
}

.baike .item .Introduction span {
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.baike .item .lableItem {
    width: 270px;
    padding: 10px;
    margin-top: 10px;
}

.baike .item .lableItem span {
    color: #999999;
    font-size: 12px;
    display: inline-block
}
.baike .item .lableItem span:nth-of-type(1){width: 100px}
.baike .item .lableItem span:nth-of-type(2){width: 51px;}
.baike .item .lableItem span:nth-of-type(3){width: 85px}

.baike .item .lableItem span img {
    height: 18px;
    width: 18px;
    position: relative;
    top: -2px;
}

.baike .item .lableItem span:last-child img {
    height: 14px;
    width: 14px;
    position: relative;
    top: -2px;
}

.more-item {
    clear: both;
    font-size: 18px;
    color: #707070;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #e1e1e1;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 30px;
}

.more-item:hover {
    background-color: #d7000f;
    color: #ffffff;
}
.more-item a{
    display: inline-block;
    width: 200px;
    height: 40px;
}
.more-item a:hover {
    background-color: #d7000f;
    color: #ffffff;
}
/*价格列表*/
.price-item{
    height: 444px;
    box-sizing: border-box;
}
.price-item .price_in_box{
    background-color: #fff;
    padding: 20px;
    display: block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.price-item .price_in_box:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
}
.price-item .price_in_box img{
    width: 100%;
}
.price-item h2{
    width: 251px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    margin-top: 10px;
}
.price-item a{
    color: #555;
}
.price-item a:hover{
    color: #d7000f;
}
.price-item .zline{
    margin-top: 20px;
}
.price-item .zline span{
    color: #333333;
}
.price-item .zline span em{
    font-style: normal;
}
.price-item .zline span:first-child{
    margin-right: 30px;
}
.price-item  .price-line{
    margin-top: 20px;
}
.price-item  .price-line .bt-view{
    display: inline-block;
    float: right;
    padding: 4px 8px;
    border-radius: 20px;
    border: 1px solid #d7000f;
    color: #d7000f;
    margin-top: 0px;
}
.price-item  .price-line .bt-view:hover{
    color: #fff;
    background-color: #d7000f;
}
.price-item  .price-line span:first-child{
    font-size: 24px;
    color: #d7000f;
}
/*价格详情*/
.gd-right-top-price{
    padding: 10px 0 10px 10px;
    width: 552px;
    display: inline-block;
    background: url("../icon/bg_price.jpg");
    background-size: cover;
}
.gd-right-top-price>div>a:hover{
    color: #ffffff;
    background-color: #d7000f;
}
.goods-detail{
    width: 100%;
    min-height: auto !important;
    background-color: #fff;
    margin-bottom: 20px;
}
.gd-left .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.gd-left .swiper-slide {
    background-size: cover;
    background-position: center;
    width: 430px;
    height: 430px;
}
.gd-left .gallery-top {
    height: 80%;
    width: 100%;
}
.gd-left .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gd-left .gallery-thumbs .swiper-slide {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
}
.gd-left .gallery-thumbs .swiper-slide-active {
    border: 2px solid #4ab00a;
}

.goods-detail>div{
    display: inline-block;
}
.gd-left{
    width: 430px;
    float: left;
    padding: 10px 10px 0;
}
.gd-right{
    width: 764px;
    float: right;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
}
.gd-left .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
    background-color: #ffffff;
    left: 0;
    height: 50px;
    margin-top: -25px;
}
.gd-left .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23666666'%2F%3E%3C%2Fsvg%3E");
    background-color: #ffffff;
    right: 0;
    height: 50px;
    margin-top: -25px;
}
.gd-right .gd-right-top h1{
    font-weight: bold;
    width: 744px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 70px;
    color: #555555;
}
.gd-right-top-price p{
    font-size: 16px;
    line-height: 50px;
}
.gd-right-top-price p>span{
    font-size: 24px;
    color: #d7000f;
    font-weight: bold;
    padding-right: 10px;
}
.gd-right-top-price p>span>i{
    font-style: normal;
    font-size: 16px;
    color: #333333;
}
.gd-right-top-price p em{
    font-style: normal;
    /*color: #777999;*/
    margin-right: 20px;
}
.gd-right-top-price div{
    font-size: 16px;
    margin: 15px 0;
    margin-top: 26px;
}
.gd-right-top-price div a{
    padding: 6px 24px;
    border-radius: 20px;
    border: 2px solid #d7000f;
    color: #d7000f;
    font-weight: bold;
    margin-right: 30px;
}
.gd-right-top img{
    float: right;
    width: 190px;
    height: 190px;
}
.gd-right-bottom{
    margin-top: 25px;
}
.gd-right-bottom p{
    line-height: 18px;
}
.gd-right-bottom p em{
    font-style: normal;
}
.gd-right-bottom-four-item,.gd-right-bottom-two-item{
    font-size: 0;
}
.gd-right-bottom-four-item span{
    display: inline-block;
    width: 25%;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
}
.gd-right-bottom-two-item span{
    display: inline-block;
    width: 50%;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 5px;
    box-sizing: border-box;
}
.lists-icon-p>span {
    font-size: 16px;
    color: #d7000f;
}
.lists-icon-p>p{
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 8px;
}
.lists-icon-p>p>span{
    color: #333333;
}
.lists-icon-p>p>span:first-child{
    margin-right: 12px;
}
.lists-icon-p span em{
    font-style: normal;
}
.r-content-p{
    width: 164px;
    float: right;
}
.r-content-p h5 {
    height: 24px;
    line-height: 24px;
    margin-bottom: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-orient: vertical;
}


.gd-left .swiper-slide img{
    width: 100%;
    height: 100%;
}
.price-article-content{
    padding: 32px 20px 0;
    color: #333333;
    min-height: 807px;
    line-height: 28px;
    font-size: 16px;
}
.price-article-content img{
    max-width: 820px !important;
}
/*百科*/
.baike-pre-box{
    height: auto;
    min-height: auto !important;
    width: 100%;
}
.baike-box .baike-item {
    height: 345px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: 10px;
}
.baike-box .baike-in-box {
    position: relative;
    cursor: pointer;
    background-color: #fff;
    display: inline-block;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    height: 335px;
    border-radius: 3px;
}
.baike-box .baike-in-box a{
    color: #555;
}
.baike-box .baike-in-box a:hover{
    color: #d7000f;
}
.baike-box .baike-in-box:hover {
    z-index: 2;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
}
.baike-box .baike-cover img {
    width: 100%;
    height: 165px;
    border-radius: 3px 3px 0 0;
}
.baike-box .baike-down {
    padding: 10px;
}
.baike-box .baike-title {
    width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
}

.baike-box .baike-description {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    autoprefixer: off;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-top: 15px;
    color: #999999;
    line-height: 22px;
    height: 66px;
}
.baike-box .lists-icon {
    margin-top: 20px;
}
.lists-icon span:first-child {
    margin-right: 12px;
}
.lists-icon span {
    font-size: 12px;
    color: #777;
    margin-right: 15px;
}
.lists-icon span i {
    vertical-align: text-top;
}
.lists-icon span em {
    font-style: normal;
}
.baike-views {
    float: right;
}
/*百科详情*/
.diseasearticles {
    width: 820px;
    background-color: #ffffff;
    padding: 20px 20px 35px;
    margin-bottom: 10px;
    display: inline-block;
    color: #555555;
    font-size: 16px;
}
.diseasearticles h1{
    font-weight: bold;
    margin-bottom: 35px;
}
.diseasearticles img{
    max-width: 820px;
    border-radius: 3px;
}
.diseasearticles p {
    line-height: 28px;
}
.dirmu {
    min-height: 110px;
    font-size: 16px;
}
.dirmu strong{
    font-size: 20px;
    font-weight: bold;
    color: #555555;
}
.diseasearticle {
    width: 820px;
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}
.dirmu p {
    margin-bottom: 20px;
    font-size: 16px;
}
.diseasearticle ul li {
    width: 272px;
    font-size: 16px;
    display: block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
}

.dirmu ul li span {
    color: #d7000f;
    font-family: 'Georgia';
    font-size: 18px;
}
.diseasearticle h3 {
    font-size: 20px;
}
.diseasearticle .disease {
    line-height: 28px !important;
    padding-top: 35px;
    padding-bottom: 15px;
    font-size: 16px;
}
.diseasearticle .disease img{
    max-width: 820px;
}
.diseasearticle>h3>span {
    padding: 10px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-family: 'Georgia';
    margin-right: 10px;
    background: #d7000f;
    border-radius: 2px;
    display: inline-block;
    font-style: normal;
}
.diseasearticle>h3>strong {
    display: inline;
    font-weight: bold;
    color: #555555;
}
.r-item-double{
    float: left;
    width: 50%;
    padding: 10px 0;
    height: 145px;
    box-sizing: border-box;
    font-size: 16px;
}
.r-item-double:hover img {
    transform: scale(1.2, 1.2);
}
.r-img-d{
    width: 142px;
    height: 95px;
    overflow: hidden;
    border-radius: 3px;
}
.r-img-d img {
    width: 142px;
    height: 95px;
    -o-object-fit: cover;
    object-fit: cover;
    border-style: none;
    box-sizing: border-box;
    transition: transform .5s;
    border-radius: 3px;
}
.item-odd{
    padding-left: 10px;
}
.r-content-d {
    width: 142px;
    padding: 7px 0;
}
.r-content-d h5 {
    height: 35px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
.bk-date-item{
    font-size: 12px;
    color: #777;
    margin-right: 5px;
    font-weight: initial;
    float: right;
    margin-top: 24px;
}
.bk-date-item i{
    vertical-align: text-top;
}
.bk-date-item em{
    font-style: normal;
}
/*问答*/
.listavatar{
    width: 25px;
    height: 25px;
    -webkit-border-radius: 10px;
    border-radius: 50%;
}
.avatarrig{
    margin-right: 0 !important;
}
.asktitle{
    margin-left: 20px;
    margin-bottom: 16px;
}
.lists-description-ask {
    margin-bottom: 17px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #777;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.askbox a img{
    width: 159px;
    height: 106px;
}
.lists-icon-ask span {
    font-size: 12px;
    color: #777;
    margin-right: 70px;
}
.lists-icon-ask span em {
    font-style: normal;
}
/*index*/
.video-index-li{
    border-top: 20px solid #f5f5f5;
    border-bottom: 20px solid #f5f5f5 !important;
    padding: 23px 20px 12px !important;
}
.video-index-a{
    background-color: #f5f5f5;
    height: 193px;
    width: 100%;
    display: inline-block;
    border-radius: 3px;
}
.video-index-a .v-img-t{
    width: 100%;
    display: inline-block;
    overflow: hidden;
}
.video-index-a .v-img-t img{
    width: 190px;
    height: 126.67px;
    object-fit: cover;
    border-style: none;
    box-sizing: border-box;
    transition: transform .8s;
    border-radius: 3px 3px 0px 0px;
}
.video-index-a h5{
    margin: 10px;
    line-height: 24px;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-index-a .v-img-t{
    position: relative;
    display: block;
    background: #ebebeb;
    background-position: 50% 50%;
    background-size: cover;
    overflow: hidden;
}
.video-index-a:hover .play{
    opacity: 1;
    filter: alpha(opacity=1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.video-index-a .play{
    background: rgba(0,0,0,0.4) url(../icon/1.svg) center no-repeat;
}
.video-index-a  .play{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: 25% 25%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 300ms linear;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all ease-out .35s;
    transition: all ease-out .35s;
    border-radius: 3px 3px 0px 0px;
}
/* 专题 */
.diseasearticles-img-list>div{
    width: 295px;
    height: 185px;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
}
.diseasearticles-img-list img{
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.diseasearticles-img-list img:hover{
    webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.diseasearticles-img-list>p {
    display: inline-block;
    width: 505px;
    float: right;
    margin-top: -7px;
}
.disease-zhuanti {
    line-height: 28px !important;
    padding-top: 35px;
    padding-bottom: 15px;
    font-size: 16px;
}
.disease-zhuanti>div{
    width: 295px;
    height: 185px;
    display: inline-block;
    float: right;
    overflow: hidden;
    border-radius: 3px;
}
.disease-zhuanti img{
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-radius: 3px;
}
.disease-zhuanti img:hover{
    webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.disease-zhuanti>p{
    display: inline-block;
    width: 505px;
    margin-top: -7px;
}
/*专题*/
.zhaunti-item{
    padding: 15px 0;
    font-size: 0;
    height: 408px;
    overflow: hidden;
    margin-bottom: 8px;
}
.zhaunti-item span{
    padding: 3px;
}
.zhaunti-item a{
    padding: 5px;
    font-size: 14px;
    line-height: 35px;
}
.zhaunti-item a:hover{
    background-color: #d7000f;
    color: #fff;
}
/*文章详情*/
.copyright-detail{
    margin: 30px 20px 20px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--theme-light-color);
    border: 1px solid var(--theme-line-color);
    background: var(--theme-el-bg-color);
    border-radius: 4px;
    background-color: #f5f5f5;
}
.chawo-sticky{position:fixed;bottom:120px;right:120px}@media (max-width: 1440px){.chawo-sticky{right:20px}}@media (max-width: 1366px){.chawo-sticky{right:0}}@media (max-width: 1200px){.chawo-sticky{display:none}}